<template>
  <div class="data-tools-page">
    <div class="container">
      <h1 class="page-title">数据工具</h1>
      <div class="card coming-soon">
        <h2>功能开发中</h2>
        <p>数据处理工具正在开发中，敬请期待！</p>
        <router-link to="/" class="btn">返回首页</router-link>
      </div>
    </div>
  </div>
</template>

<script setup>
// 暂无脚本逻辑
</script>

<style scoped>
.data-tools-page {
  padding: 20px 0;
}

.page-title {
  text-align: center;
  margin-bottom: 30px;
  color: var(--primary-dark);
}

.coming-soon {
  text-align: center;
  padding: 50px 20px;
  max-width: 600px;
  margin: 0 auto;
}

.coming-soon h2 {
  color: var(--primary-dark);
  margin-bottom: 20px;
}

.coming-soon p {
  color: var(--dark-gray);
  margin-bottom: 30px;
}
</style> 